<template>
  <div class="about">
   
    <button @click="()=>{this.$router.push('/')}">切换</button>
  </div>
</template>


<script>
export default {
  mounted() {},
};
</script>


<style lang="scss" scoped>
@media screen and (max-width: 500px) {
 
  button{
    left:38% !important;
  }
}
button {
  width: 100px;
  height: 50px;
  position: fixed;
  bottom: 30%;
  left: 47%;
  background-color: rgba(245, 240, 240, 0.1);
  border: 1px solid #fff;
  outline: none;
  color: #fff;
}

.about {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100vh;
  background: #000;
  background-image: url("../../public/img/1.gif");
  background-repeat: no-repeat;
  background-position: -100px 0px;
}



</style>
